﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">
    <meta content="email=no" name="format-detection">
    <meta name="screen-orientation" content="portrait">
    <meta name="x5-orientation" content="portrait">
    <title>账户充值</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/recharge.css">
    <link rel="stylesheet" href="../css/libs/iconfont.css">
    <link rel="stylesheet" href="../css/libs/weui.min.css">
    <link rel="stylesheet" href="../css/libs/jquery-weui.min.css">
</head>
<body class="recharge_html" style="visibility: hidden;">
    <header class="sd_nav flex_row">
        <div id="go_back"><i class="iconfont icon-fanhui"></i></div>
        <h3>账户充值<a href="javascript:;" class="open-popup rechargeHistory" data-target="#popup">充值记录</a></h3>
    </header>
    <section class="main">
        <div class="flex_row" id="recharge_list">
            <span>金额:</span>
            <span id="recharge_price"></span>
        </div>
        <div class="flex_row flex_between weixin_pay">
            <div>
                <span>微信支付</span>
                <p class="tip">推荐安装微信5.0及以上版本使用</p>
            </div>
            <i class="iconfont icon-gou1"></i>
        </div>
    </section>
    <section>
        <button type="submit" class="form_submit">立即充值</button>
        <p class="flex_row flex_center" id="recharge_rule"><i class="crTrue iconfont icon-duigou1"></i><i class="crFalse iconfont icon-yuan"></i><span>我已阅读并同意</span><a href="javascript:;" class="open-popup get_recharge_rule" data-target="#popup2">《充值协议》</a></p>
    </section>
    <div class="mask">
        <div class="bg"></div>
        <!-- 充值 -->
        <div class="recharge_price_box">
            <header class="flex_center tit">
                <div class="name"><i class="iconfont icon-chongzhi-"></i>&nbsp;请选择充值金额</div>
            </header>
            <div class="flex_row recharge_body">
                <div class="recharge_choose"></div>
                <div id="recharge_num">
                    <ul>
                        <li class="li_select"></li>
                        <li></li>
                    </ul>
                </div>
            </div>
            <footer class="flex_row flex_between flex_recharge">
                <button class="cancel">取消</button>
                <span class="g_line"></span>
                <button class="confirm">确定</button>
            </footer>
        </div>
    </div>
<!-- Jquery weui popup 6.23-->
<div id="popup" class="weui-popup__container">
    <div class="weui-popup__overlay"></div>
    <div class="weui-popup__modal popup_bg">
        <div  class="close-popup close_md">
            <h4><i class="iconfont icon-fanhui"></i>充值记录</h4>
        </div>
        <ul class="recharge_box">
        </ul>
    </div>
</div>
    <!-- 充值协议 -->
    <div id="popup2" class="weui-popup__container">
        <div class="weui-popup__overlay"></div>
        <div class="weui-popup__modal popup_bg">
            <div class="close-popup close_md">
                <i class="iconfont icon-fanhui"></i>
            </div>
            <div class="rechargeRule"></div>
        </div>
    </div>
</body>
<script src="../js/libs/jquery-1.10.1.min.js"></script>
<script src="../js/libs/rem.js"></script>
<script src="../js/libs/jquery-weui.min.js"></script>
<script src="https://cdn.bootcss.com/iScroll/5.2.0/iscroll.js"></script>
<script src="../js/common.js"></script>
<script src="../js/recharge.js?v=1"></script>
<script type="text/javascript">


</script>
</html>